<!DOCTYPE html>
<html>
    <head><!--演示如何使用添加到 <head> 部分的样式信息对 HTML 进行格式化-->
        <meta charset="utf-8">
        <title>菜鸟教程(runoob.com)</title>
        <style type="text/css">
        h1 {color: red;}
        p {color: blue;}
        </style><!--定义文本样式-->
    </head>

    <body>
        <h1>这是一个标题</h1>
        <p>这是一个段落。</p>
    
<br><!--演示如何使用样式属性做一个没有下划线的链接-->
<a href="//www.runoob.com/" style="text-decoration: none;">访问 runoob.com!</a>

<br><!--演示如何 标签链接到一个外部样式表-->
<head>
    <meta charset="utf-8"> 
    <title>菜鸟教程(runoob.com)</title> 
    <link rel="stylesheet" type="text/css" href="styles.css"><!--定义资源引用地址--><!--定义文档与外部资源的关系-->
    </head>
    <!--把外部资源引入，让当前页面可以使用，也就是说当前页面用的css，同目录下的，mystyle.css-->
    <body>
    <h1>我使用了外部样式文件来格式化文本 </h1>
    <p>我也是!</p>
    </body>
    
    </html>
